<template>
  <div class="inner-container">
    <v-nav></v-nav>
    <banner></banner>
    <activity></activity>
    <hot></hot>
    <official></official>
    <common></common>
    <brand></brand>
    <technology></technology>
    <application></application>
    <forum></forum>
  </div>

</template>
<style lang="stylus" rel="stylesheet/stylus">
  .inner-container
    width: 1220px
    margin: 0 auto

</style>
<script>
  import vNav from './navigation/nav.vue'
  import banner from './banner/banner.vue'
  import activity from './panel/activity/activity.vue'
  import hot from './panel/hot/hot.vue'
  import official from './panel/official/official.vue'
  import brand from './panel/brand/brand.vue'
  import technology from './panel/technology/technology.vue'
  import application from './panel/application/application.vue'
  import forum from './panel/forum/forum.vue'
  export default {
    data () {
      return {

      }
    },
    components: {
      vNav,
      banner,
      activity,
      hot,
      official,
      brand,
      technology,
      application,
      forum
    }
  }
</script>
